<template>
	<el-menu-item-group :key="keys" :title="item?.header" class="layout-vertical-menu-header-group">
		<template #title>
			<el-icon v-if="icon">
				<component :is="icon" />
			</el-icon>
			<span class="layout-vertical-menu-header-title">{{ item?.header }}</span>
			<el-icon class="more-horiz">
				<svg-icon name="sandian" />
			</el-icon>
		</template>
	</el-menu-item-group>
</template>

<script setup>
defineProps({
	item: {
		type: Object,
		required: true
	},
	keys: {
		type: String,
		required: true
	},
	icon: {
		required: true,
		default: undefined
	}
});
</script>

<style scoped></style>
